/* 初始化 */
*{margin:0;padding:0;}

/* 方法一 */
/* @media screen and (min-width: 1024px) {
    html {
      font-size: 10px;
    }
  }
  @media screen and (min-width: 1100px) {
    html {
      font-size: 12px;
    }
  }
  @media screen and (min-width: 1280px) {
    html {
      font-size: 12px;
    }
  }
  @media screen and (min-width: 1366px) {
    html {
      font-size: 13px;
    }
  }
  @media screen and (min-width: 1440px) {
    html {
      font-size: 14px;
    }
  }
  @media screen and (min-width: 1680px) {
    html {
      font-size: 16px;
    }
  }
  @media screen and (min-width: 1920px) {
    html {
      font-size: 20px;
    }
  }
  @media screen and (min-width: 2048px) {
    html {
      font-size: 20px;
    }
  }
  @media screen and (min-width: 2560px) {
    html {
      font-size: 26px;
    }
  }
  @media screen and (min-width: 4096px) {
    html {
      font-size: 40px;
    }
  } */

ul,li,ol{list-style:none;}
img{ border:0; display:block; max-width:100%;}
a{text-decoration:none;	color:#333;	outline:none;}
body{font-family:"SourceHanSansSC-Medium","Hiragino Sans GB","Hiragino Sans GB W3","Helvetica Neue",Helvetica,Arial,sans-serif;}
.clear{ clear:both;}
.clearfix::after, .clearfix::before{display: table; content: " ";}
.clearfix:after { clear:both}
*, ::after, ::before{box-sizing: border-box;}
.clearfix:after { clear:both}
a, button{cursor: pointer;}
button { border: 1px solid #e9e9e9; background: 0 0; border-radius: 0;}





/* flex */
.u-flex {
	display: flex;
	flex-direction: row;
	align-items: center;
}
/* 换行 */
.u-flex-wrap {
	flex-wrap: wrap;
}

/* 不换行 */
.u-flex-nowrap {
	flex-wrap: nowrap;
}
/* 垂直居中 */
.u-col-center {
	align-items: center;
}

/* 顶部对齐 */
.u-col-top {
	align-items: flex-start;
}

/* 底部对齐 */
.u-col-bottom {
	align-items: flex-end;
}

/* 左边对齐 */
.u-row-left {
	justify-content: flex-start;
}

/* 水平居中 */
.u-row-center {
	justify-content: center;
}

/* 右边对齐 */
.u-row-right {
	justify-content: flex-end;
}

/* 水平两端对齐，项目之间的间隔都相等 */
.u-row-between {
	justify-content: space-between;
}

/* 水平每个项目两侧的间隔相等，所以项目之间的间隔比项目与父元素两边的间隔大一倍 */
.u-row-around {
	justify-content: space-around;
}

.u-flex-1 {
	flex: 1;
}

.u-flex-2 {
	flex: 2;
}

.u-flex-3 {
	flex: 3;
}




.u-relative,
.u-rela {
	position: relative;
}

.u-absolute,
.u-abso {
	position: absolute;
}


/* 文字左对齐 */
.u-text-left {
	text-align: left;
}

/* 文字居中对齐 */
.u-text-center {
	text-align: center;
}

/* 文字右对齐 */
.u-text-right {
	text-align: right;
}



/* header */
.header-bj{
    width: 100%;
    height: 7.5rem;
    background: #0F0F0F;
    color: #fff;
    
}
.header{
    width: 75rem;
    height: 7.5rem;
    margin: 0 auto;
    padding: 1.06px 0 2.13rem 0;
}
.header-bj .header .logo{
    width: 12.93rem;
}
.header-bj .header .header-icon{
    width: 1.5rem;
}
.header .header-title{
    margin: 0 0 0 2.19rem;
}
.header .header-title::before{
    content: "";
    width: 1px;
    height: 1.875rem;
    position: absolute;
    bottom: 5%;
    left: -11%;
    background-color: #979797;
}
.header .phone-item{
    margin-right: 3.63rem;
}
.header .phone{
    margin-left: 0.5rem;
}
.header .email{
    margin-left: .5rem;
}